@import './variables.scss';
@import './mixin.scss';
@import './transition.scss';
@import './element-ui.scss';
@import './sidebar.scss';
@import './banner.css';

  @font-face {
      font-family: 'PingFangSC-Regular' ;
      font-display: swap;
      src: url('./PingFangSC-Regular-Zh.ttf');
    }
    @font-face {
        font-family: 'PingFangSC-Medium' ;
        font-display: swap;
        src: url('./PingFangSC-Medium-Zh.ttf');
      }

	  @font-face {
	      font-family: 'Roboto-Bold' ;
	      font-display: swap;
	      src: url('./Roboto-Bold.ttf');
	    }


.roboto-Bold{
  font-family: 'Roboto-Bold',"PingFangSC-Medium", PingFangSC, sans-serif !important;
  font-weight: 500;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  }
	.webfont-Medium{
    font-family: "PingFangSC-Medium", PingFangSC, sans-serif !important;
	  font-weight: 500;
	  font-style: normal;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	}

	.webfont-Regular{
	  font-family: "PingFangSC-Regular", PingFangSC, sans-serif !important;
	  font-weight: 500;
	  font-style: normal;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	}

     body{
       height: 100%;
        font-family:  "PingFangSC-Regular", PingFangSC, sans-serif;
        font-style: normal;
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
      }




label {
  font-weight: 700;
}

html {
  height: 100%;
  box-sizing: border-box;
}

#app {
  height: 100%;
}

*,
*:before,
*:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  font-style: normal !important;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}

// main-container global css
.app-container {
  padding: 20px;
}

// 折叠面板
.div_border {
  width: 100%;
  height: 1px;
  border-top: 1px solid  rgba(0, 0, 0, 0.04);
  position: absolute;
  margin-top: -15px;
}
